<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <title>RITS_BOOK</title>
  </head>
  <style>
    html,
    body {
      background-color: #fff;
      color: #636b6f;
      font-family: "Nunito", sans-serif;
      font-weight: 100;
      height: 100vh;
      margin: 0;
    }
    .app {
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    section {
      cursor: pointer;
      display: flex;
      margin: 20px;
    }
    section:hover {
      color: #f56c6c;
    }
    .code {
      border-right: 2px solid;
      font-size: 26px;
      padding: 0 15px 0 15px;
      text-align: center;
    }
    .message {
      font-size: 18px;
      line-height: 15px;
      padding: 12px;
      width: 100px;
    }
  </style>
  <body>
    <div class="app">
      <section onclick="routerLink('12347')">
        <div class="code">
          驱动管理
        </div>
        <div class="message">
          drive_book
        </div>
      </section>
      <section onclick="routerLink('12346')">
        <div class="code">
          合同管理
        </div>
        <div class="message">
          document_book
        </div>
      </section>
      <section onclick="routerLink('12348')">
        <div class="code">
          基础模板
        </div>
        <div class="message">
          basic_template
        </div>
      </section>
    </div>
  </body>
  <script>
    var protocol = window.location.protocol;
    var hostname = window.location.hostname;
    function routerLink(port) {
      var _url = protocol + "//" + hostname + ":" + port;
      window.open(_url, "_blank")
    }
  </script>
</html>
